<!--
 * @Author: your name
 * @Date: 2020-10-22 11:11:39
 * @LastEditTime: 2021-02-25 14:25:08
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\pages\help\index.vue
-->
<template>
  <div class="w1200auto help">
    <bread-crumb class="mb10" :breadcrumbTtem="breadcrumbTtem" />
    <div id="faq" class="clearfix">
        <div class="faq-left s3 ptb50 plr20 spacing fl">
            <h3 class="size20 pointer mb10 b lh15">{{$t('FAQ')}}</h3>
            <ul>
                <li class="title size18 pointer mb10" data-index="0" id="Ordering">
                {{$t('Ordering')}}
                </li>
                <li class="title size18 pointer mb10" data-index="1" id="Frames">
                {{$t('Frames')}}
                </li>
                <li class="title size18 pointer mb10" data-index="2" id="Lenses">
                {{$t('Lenses')}}
                </li>
                <li class="title size18 pointer mb10" data-index="3" id="Prescriptions">
                {{$t('Prescriptions')}}
                </li>
                <li class="title size18 pointer mb10" data-index="4" id="Payment">
                {{$t('Payment')}}
                </li>
                <li class="title size18 pointer mb10" data-index="5" id="Shipping">
                {{$t('Shipping')}}
                </li>
                <li class="title size18 pointer mb10" data-index="6" id="Return">
                {{$t('Return')}}
                </li>
                <li class="title size18 pointer mb10" data-index="7" id="GiftCards">
                {{$t('Gift Cards')}}
                </li>
                <li class="title size18 pointer mb10" data-index="8" id="StorePoints">
                {{$t('Store Points')}}
                </li>
            </ul>
        </div>
        <div class="faq-right s9 ptb50 plr20 spacing fl">
            <ul class="Ordering none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('Ordering')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How to Buy Glasses Online')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Choose Your Frames')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('The first step to take when you order glasses online is choosing the frame.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Shape: Whether its rectangular, aviator, round or cat-eye, choose something to compliment your style and features.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Size: The size of the reference frame chooses the style that suits your face shape, such as small, medium, large, etc.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Tip: How to buy glasses online that fit? If you’re not sure what works for you, use the Virtual Try-On to try on frames until you find the perfect one.Our Virtual Try-On will ask you to upload your picture so we can show you online how any frame you choose will look on your face.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Color: It depends on your personal preference. Most frames have several color options.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Choose Your Lens Type')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('If the frame choice has a lot to do with stylish preferences, lenses are the more functional aspect of your new glasses. In short, what do you need them for?')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Prescription or Non-Prescription:')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('The choice here is pretty simple, whether you’re shopping for eyeglasses or sunglasses you have to choose: buying prescription glasses online or getting non-prescription (also called plano).')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Prescription type:')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('What do you need your glasses for? Reading (Near-Vision lenses), driving (Single-Vision lenses) or both (Progressives or Bifocals). Before moving on, you’ll provide your prescription, either by filling it out online, uploading it or sending it later via email.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Complete Your Order')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('After deciding on lenses, the only thing remaining is completing your order and voilà, you’re done. Your new glasses will arrive at your doorstep in no time. We also notify you about your order every step of the way via email: You’ll know when your glasses are in production, when they are shipped, etc.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How long will my order be shipped?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Standard orders are shipped within one working day after payment is completed (if you need to customize a special and complex prescription, please contact our customer service via email or phone to determine the planned completion time)')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="2" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How long will it take to receive my order?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('USA / Canada')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping: Arrive in 5-7 days.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping: Arrive in 8-10 days.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('European Union')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping: Arrive in 4-6 days.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping: Arrive in 6-8 days.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Australia & New Zealand')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping: Arrive in 4-6 days.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping: Arrive in 6-8 days.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="3" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do I track my package?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('You will receive a shipping confirmation email that will include a tracking number and tracking link of your specific shipper. You can enter the waybill number on the order tracking page.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="4" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Can I cancel my order?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('We offer cancellations within the first 24 hours of placing your order for a full refund to the original payment method. If the order is canceled after 24 hours, then a 50% fee may be charged. If the order is already in transit, you will not be able to cancel the order.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="5" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Is there an easy way to reorder a pair I bought previously?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Yes! Log into your account and look up the previous order. If the frame is currently available, you will see the word Reorder next to the order number. Click on Reorder, and the exact same pair of glasses will be in your Shopping Cart.')}}</p>
                    </div>
                </li>
            </ul>
            <ul class="Frames none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('Frames')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How can I choose the right frame?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("First, use the Virtual Try-On to test which frame shape works best for you. Then, compare your current glasses' measurements to the frames' with frame size on our website. This should give you a good sense. Usually you'll find a series of numbers on the inside of the frame, something similar to 52.17.140, for example. Those numbers represent, respectively, lens width, bridge width and temple arm length.")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What frame material is right for me?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('It depends on what features you are looking for. The following categories can help with your decision:')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Weight If you want a super light frame, go with one that"s 15 grams or lower. Titanium frames are generally very light.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Material: You have the choice between metal or plastic. Metal tends to be lighter. Plastic frames tend to be more durable.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Flexibility: This is a nice feature to have for sports glasses.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Color: Plastic frames tend to come in more color options, especially acetate plastic.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Hypoallergenic: Stainless steel, titanium, and acetate frames are hypoallergenic.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="2" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Can I order frames without lenses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Yes! If you choose Frame Only and add to the cart, you only pay for the frame. Many frames still come with retainer lenses (not of optical lens quality) to maintain frame integrity during shipping. They may be removed if desired.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="3" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t("I don't have a prescription; I would just like the frames. Can I get non-prescription lenses fit into the frames?")}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("Absolutely, on the lens page, please click on the 'No prescription' for lens type and we will send you the frames with non prescription lenses.")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="4" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What do the numbers printed on my frame mean?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Frames have a series of numbers printed on the inside of a temple arm (the part that goes behind your ear). The first numbers are typically the manufacturer’s style number and a color code. But farther down the temple arm, there may be important numbers that refer to the dimensions of the frame. These numbers are the measurement, in millimeters, of the lens width, nose bridge width, and temple arm length. Often the lens width and nose bridge width are 2-digit numbers separated by a square, and a temple arm length is a 3-digit number in front of or behind the others. Knowing these numbers can help you choose a frame similar in size when shopping.')}}</p>
                    </div>
                </li>
            </ul>
            <ul class="Lenses none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('Lenses')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What lens tint is right for me?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Do you want a tint sunglasses?')}}</p>
                        <p class="content-lz text_l s12 size13">- {{$t('We offer 2 sunglass tints: Gray and Brown.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Do you want a tint that is lighter, or more colorful to enhance the appearance of your everyday glasses?')}}</p>
                        <p class="content-lz text_l s12 size13">- {{$t('We offer fashion tints in Gray and Brown.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What are Polarized lenses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('A Polarized lens is a sunglass lens that greatly reduces the glare from light that is Polarized horizontally, meaning the light reflecting off horizontal surfaces, such as a white sidewalk, a white-sand beach, snow, or sunlight reflecting on water.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="2" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What is a blue light blocking lenses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('A special material that can filter blue light is added to the material of the blue light blocking lenses, which can effectively filter the harmful blue light of computer and mobile phone screens and block the damage of blue light to the eyes. The role of eye protection when using the screens of these electronic products.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="3" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What are photochromic lenses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Photochromic lenses are specially treated to turn dark when exposed to UV light. When the lenses are out of the sunlight, they become clear again. We carry the of photochromic lenses for our 1.57, 1.61, and 1.67 lenses, for both single-vision and progressive glasses.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="4" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What are the lenses made of?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("We use light weight CR39 and polycarbonate plastic lenses. We offer 'thinner' (1.57) , 'super thin' (1.61), 'Ultra-thin (1.67) and 'Extreme thin' 1.74 lens upgrades as well as Polycharbonate (PC) 1.59 index lenses. We especially recommend these upgrade if your sphere is +/-2.00 and above.")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="5" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Do you sell prescription sunglasses and other tinted lenses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("We have a large variety of colored tints for lenses and our prescription sunglasses come with a dark tint – like any pair of standard sunglasses. We also offer transition lenses, which are clear in everyday normally lit conditions but the tint turns dark in stronger sunlight. Transitions also have a 100% UV filter. All of these options are available on our order form.")}}</p>
                    </div>
                </li>
            </ul>
            <ul class="Prescriptions none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('Prescriptions')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What is my pupillary distance (or PD), and how do I get it measured?')}}</h3>
                    <div class="faq-right-content">
                        <!-- <p class="content-lz text_l s12 size13">{{$t('Your PD is the distance in millimeters between the centers of your pupils. We use this measurement to align the optical center of the lens with the center of your eye in order to avoid unnecessary eye strain. Your PD may already be on file with your doctor or the last place that made your prescription glasses. If not, the measurement can also be done at any optical shop or optometry practice.')}}</p> -->
                        <h3 class="text_c size26">{{$t("How to measure your pupil distance")}}</h3>
                        <h3 class="size20 lh15">{{$t("What is PD?")}}</h3>
                        <p class="size13 mb0 lh15">{{$t("PD stands for pupil distance, which is the distance from the center of one pupil to the center of another pupil. PD is an important factor. It tells you where you look through the lens of the glasses. This is especially important for people with high prescriptions, because it is one of the important parameters of lens prescriptions.")}}</p>
                        <p class="size13 mb0 lh15">{{$t("You can usually find PD on prescription drugs. In general, the number of PD in adults remains constant throughout the year, with an average PD range of 57-72 mm.")}}</p>
                        <p class="text_c">
                            <img src="~/assets/image/help/help_1.png" alt="">
                        </p>
                        <h3 class="size20 lh15">{{$t("There are three ways to display the PD value:")}}</h3>
                        <p class="size13 mb0 lh15">{{$t("1. Binocular PD is represented by a single number, such as '62', which means the total distance between your pupils. This is the standard way of writing.")}}</p>
                        <p class="size13 mb0 lh15">{{$t("2. Monocular PD refers to the distance from the bridge of the nose to the pupils on both sides. It is marked as two numbers around 30mm, such as 31 and 32.")}}</p>
                        <p class="size13 mb0 lh15">{{$t("3. PD is marked as two values '62/59'. 62 is your distance PD, which can be used when you need single-eye distance glasses, bifocals and progressive glasses. 59 is your reading PD, which can only be used when you need monocular reading glasses. (The reading PD is usually 3mm smaller than the distance PD, because the eyes will be close when reading.)")}}</p>
                        <p class="text_c">
                            <img src="~/assets/image/help/help_2.png" alt="">
                        </p>
                        <h3 class="size20 lh15">{{$t("How to measure PD？")}}</h3>
                        <p class="size13 mb0 lh15">{{$t("You can easily measure PD at home, especially when you are with friends or family. If you are wearing glasses, remove them and look 10 to 20 feet away.")}}</p>
                        <p class="size13 mb0 lh15">{{$t("Ask the helper to place the ruler on your eyes while placing the zero in the center of the right pupil. Read the measured value. The number directly above the left pupil is PD. Repeat the measurement several times to ensure that the value is more accurate.")}}</p>
                        <p class="text_c">
                            <img src="~/assets/image/help/help_3.png" alt="">
                        </p>
                        <h3 class="size20 lh15">{{$t("Can I measure PD by myself?")}}</h3>
                        <p class="size13 mb0 lh15">{{$t("It is easy to measure the PD value by yourself, all you need is a PD ruler and a mirror.")}}</p>
                        <p class="size13 mb0 lh15">{{$t("1. Fold the PD ruler so that the side marked 'use mirror' faces outward.")}}</p>
                        <p class="size13 mb0 lh15">{{$t("2. Stand about 8 inches or 20 cm away from the mirror.")}}</p>
                        <p class="size13 mb0 lh15">{{$t("3. Place the ruler above your eyes and keep zero on your left pupil.")}}</p>
                        <p class="size13 mb0 lh15">{{$t("4. Close your left eye and open your right eye when looking straight，The number on the upper right is your PD.")}}</p>
                        <p class="text_c">
                            <img src="~/assets/image/help/help_4.png" alt="">
                        </p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do I get a prescription?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("We not provide eye exams or write prescriptions for eyeglasses. Please visit your ophthalmologist or optometrist to obtain both an eye exam and a prescription. They should provide you with a written copy of your prescription before you leave, but you can always ask for one if they don't. Please also ask your doctor to measure and record your pupillary distance (or PD) on your prescription. Your PD is the distance between your two pupils measured in millimeters (e.g. 60). Your PD is not always included in your eyeglass prescription, but it's very helpful for us to have when making your eyeglasses to ensure that they fit you perfectly.")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="2" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What do I need in order to place an order for prescription glasses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('To purchase a pair of prescription glasses, all you need is your eyeglass prescription. We also recommend that you provide your pupillary distance (or PD) . We will follow up with you via email if we have any questions about your order or if we need any additional prescription information.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="3" class="faq-right-title size16 pointer b lh15 mb5">
                        <i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do I read my prescription?')}}
                    </h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('On a typical prescription, you will see two sets of rows. Most of the time top portion is for your OD or right eye while the bottom portion is for your OS or left eye.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('For Reading-only correction, there should always be a value under sphere and most of the time it is positive. If there is a value under Near Vision (N.V., N.V.O.) then enter the power in the BOTTOM half of the form and leave the ADD power blank or ("0.00").')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t("For astigmatism correction, please note that that Cylinder (CYL) and Axis are always provided together. For any value of Cylinder there should always be a value for Axis. Some doctors use positive (+) cylinder and some uses negative (-), there is a big difference between the two so please pay close attention to the positive and negative signs. If you don't have astigmatism correction, doctors might just leave it blank or simply SPH or DS which means Sphere or Diopters Sphere. Axis should be from 1-180 degrees, if you see a value like '5' under axis, this is also the same as '005' or '5 degrees'. It should always be a whole number and there should no be decimal point on the axis.")}}</p>
                        <p class="content-lz text_l s12 size13">{{$t("For Bifocals, Progressive lenses, please check with your eye doctor whether the Addition is for Bifocals, Progressive Most of the time, compared to the Bifocal Addition, the Addition of the Progressive is higher by 0.25, so please verify. An indication to know if your prescription is for Progressive, is a PAL note written on the prescription. Only one ADD, means the addition for the Left and Right eyes are the same. Please be advised that we process a minimum of +1.00 and maximum of +3.50 for Addition powers.")}}</p>
                        <p class="content-lz text_l s12 size13">{{$t("Eye Doctors will sometimes leave out the decimal point on the Sphere, Cylinder and Addition. For example, -25 or +175, this is understood -0.25 and +1.75. Very importantly, pay close attention to plus and minus sign as this will greatly affect the lens. If there is anything on the prescription you are not familiar, please contact our Customer Service and we will be happy to assist you.")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="4" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t("I'm unsure about how to enter my prescription online. Can I send it to you instead?")}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Of course! You can email us a copy at email , or upload it to our website one the lens prescription page. When you send us your prescription, please include your name, email address, and order number so that we can match up the prescription to the correct customer or order record.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="5" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('I have a prescription with prism correction. Can you fill it?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("Yes, we're able to fill prescriptions with prisms (indicated by the word 'base', an up arrow, or a triangle symbol on your prescription), Under the prescription form, you could find 'Add Prism', click on it, next, just select your prisms.")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="6" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Can I order frames without prescription lenses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("Definitely! Once you've picked the frames you like, you can proceed to checkout as usual. If purchasing optical glasses, you'll be given the choice to purchase the glasses with non-prescription lenses. We will then fill your frames with high-quality lenses that include anti-scratch coating. If purchasing sunglasses, you can choose prescription or non-prescription glasses by selecting the appropriate option when adding the frames to your cart from the product page.I have a strong prescription — can you fill it? What if I have astigmatism?We can fill a wide range of single vision prescriptions, including prescriptions with astigmatism. However, we do have some limitations.")}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Prescription Sunglasses For sunglass orders, we can fill prescriptions with a combined SPH and CYL value up to -5.00.')}}</p>
                    </div>    
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="7" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do I order non-prescription glasses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("It's super easy to order non-prescription from Eyecedar.")}}</p>
                        <p class="content-lz text_l s12 size13">{{$t("After clicking on the choose lenses button, select Non-Prescription in the Prescription Type list page. During the ordering process, you can turn them into Blue blocking lenses, photochromic lenses, stylish transparent lenses, etc.")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="8" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What if I have an astigmatism?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Most people have an astigmatism. If you have an astigmatism on your prescription, we can make glasses that will correct it.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="9" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Do you offer progressive lenses?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Yes! If you have ADD or NV-ADD on your prescription, you can get unlined progressive glasses.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="10" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Can you fill prescriptions with prism corrections?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Yes, we can fill prescriptions with prism correction in single-vision lenses only. You will enter in the values for each eye in Step 1 of the order process according to the script given by your doctor. After you fill in Sphere (SPH), Cylinder (CYL), and Axis numbers for each eye, you will click “Yes” under Prism Values. You will then select your Prism Horizontal (for Base In/Base Out) and Prism Vertical (for Base Up/Base Down) values in diopters and indicate the direction for each value on your prescription for each eye.')}}</p>
                    </div>
                </li>
            </ul>
            <ul class="Payment none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('Payment')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What forms of payment do you accept?')}}</h3>
                    <div class="faq-right-content">
                      <p class="content-lz text_l s12 size13">{{$t('VISA, MasterCard, American Express, Discover, PayPal Express,  gift cards, and local payment methods.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Is the Payment page Secure?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Yes. We utilize industry-standard Secure Sockets Layer (SSL) technology to allow for the encryption of potentially sensitive information such as your name, address and other critically sensitive information like your credit card details during checkout. Information passed between your computer and our website cannot be read in the event someone else intercepts it.The American Silicon Valley Stripe Integrated Payment System has reliable encrypted payment technology. Whether it is a credit card or a local payment method, your information security will be guaranteed.')}}</p>
                    </div>
                </li>
            </ul>
            <ul class="Shipping none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('Shipping')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How much is shipping?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('U.S.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping (USPS) Estimated Delivery: 8-10 days $5.95')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping (DHL/UPS/FedEx) Estimated Delivery: 5-7 days $12.95')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Canada')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping (USPS) Estimated Delivery: 8-10 days $5.95')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping (DHL/UPS/FedEx) Estimated Delivery: 5-7 days $12.95')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Australia & New Zealand')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping (USPS) Estimated Delivery: 8-10 days $7.95')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping (DHL/UPS/FedEx) Estimated Delivery: 4-6 days $15.95')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('European Union')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping Estimated Delivery: 6-10 days $6.95')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping (DHL/UPS/FedEx) Estimated Delivery: 4-6 days $15.95')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('International')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping Estimated Delivery: 10-15 days $9.95')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('When can I expect my glasses to arrive?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('U.S.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping (USPS) Estimated Delivery: 8-10 days')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping (DHL/UPS/FedEx) Estimated Delivery: 5-7 days')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Canada')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping (USPS) Estimated Delivery: 8-10 days')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping (DHL/UPS/FedEx) Estimated Delivery: 5-7 days')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Australia & New Zealand')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping (USPS) Estimated Delivery: 8-10 days')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping (DHL/UPS/FedEx) Estimated Delivery: 4-6 days')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Europe')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping Estimated Delivery: 8-10 days')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Express Shipping (DHL/UPS/FedEx) Estimated Delivery: 4-6 days')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('International')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('Standard Shipping Estimated Delivery: 10-15 days')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="2" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do I track my package?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('You will receive a shipping confirmation email that will include a tracking number and tracking link of your specific shipper. Additionally, you can track your package directly at:')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('UPS')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('DHL')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('FedEx')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="3" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('When can I be entitled to free shipping?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('When your order amount exceeds $79, you will be entitled to free shipping .')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="4" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('I just placed several orders. Can I pay only one shipping charge?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('If you place several orders and contact us within 24 hours, we can combine them under one shipping fee and refund the other shipping fees. Please let us know by entering a note in the order referencing the previous order numbers, or by contacting customer service. The orders may be shipped together or separately.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="5" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do you handle shipping delays?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("From time to time, shipping delay occurs due to various reasons. We kindly remind you to enter your address correctly with proper cases, spaces and punctuations. If you'd like to have your order shipped to a company address, please don't forget to write the company name as the integral part of your shipping address. In case the shipping delay occurs, please contact us or the courier service company for the most recent status.")}}</p>
                    </div>    
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="6" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Will I be charged for any extra payment expect for the products and shipping charges?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("A certain amount of import duty may apply for some countries. Sorry for that we can't assume your import customs. Duty (or customs tariffs) is set by the destination country customs authorities. Please contact the local custom for a specific amount of it.")}}</p>
                    </div>
                </li>
            </ul>
            <ul class="Return none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('Return')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What is your return policy?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('You have thirty (30) days from the date you receive the glasses to call us or email for a return request if you want to return them for any reason. If you made a mistake during the order, or you just don’t like the glasses, you can return them for a one-time-use 100% store credit (excluding shipping), or for a 50% refund (excluding shipping) to the credit or debit card or PayPal account.')}}</p>
                    </div>   
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Do you have a warranty?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('We will replace broken frames at no charge during this 2 years warranty period.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('If you feel there is a manufacturing error, return the glasses for inspection within the 30-day warranty period. If our inspection shows the glasses were made incorrectly, we will remake them for you at no charge. Lenses Defects in the anti-reflective (AR) coating and photochromic films are warrantied for one one year from the date of receipt. This warranty does not cover normal wear and tear to the frames, lenses, or coatings.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('We believe you will like our products. If for some reason you are not completely satisfied with the quality of the glasses, you can easily get warranty service without any problems.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="2" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t("I've received my glasses but would like to return them. How can I do this?")}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Please follow the steps below:')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('1. Contact our Customer Service Department to approve the return.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('2. All returns must be returned in their unworn, original, condition, in the original case include an eyeglass case and lens cleaning cloth.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('3. Package your glasses securely and make sure to include your name, contact information order number and why you returned the glasses')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('4. We recommend shipping your return by a traceable method.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('5. Once your return is received, we will process refund in 5 working days. Your refund will be credited back to your original method of payment.')}}</p>
                        <p class="content-lz text_l s12 size13">{{$t('6. Once your refund has been processed, it will take 7 to 10 business days for your bank to process the credit and apply it to your account.')}}</p>
                    </div>
                </li>
            </ul>
            <ul class="GiftCards none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('GiftCards')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Do you sell gift cards?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Yes! You can buy a gift card for anyone you like, including yourself.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do I use my gift card?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("You would apply it to the order during Checkout. Before CHOOSE YOUR PAYMENT METHOD, click the box next to 'Use my gift card/s'. Enter the gift card number and click Apply. It's that easy!")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="2" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('Do you send physical gift cards?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('No. It is an electronic gift card so it is emailed to the recipient email address entered on the order form.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="3" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('What if I want to give the gift card myself?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("That's easy! Just enter your own name and email address in the Recipient Name and Recipient Email fields, respectively. The gift card number will be sent to your email address.")}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="4" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do I check the balance on my gift card?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t("Just log in to your account and click on Gift Card under Reward Points on the left navigation.Enter the gift card code and click CHECK STATUS AND BALANCE. The amount left on the card will be displayed. NOTE: The gift card number will be encrypted for your security.")}}</p>
                    </div>
                </li>
            </ul>
            <ul class="StorePoints none">
                <li class="text_l ml50 mb20 faq-m"><span class="none_title relative size36 pb20 inline-block">{{$t('Store Points')}}</span></li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="0" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How do I use my store credit?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('It is applied to your Eyecedar account so just select it in the payment page.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="1" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How to get points?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('Points can be obtained by registering members, social sharing, product ordering and customer review as well as other methods.')}}</p>
                    </div>
                </li>
                <li class="faq-right-li text_l ml50 faq-m">
                    <h3 data-index="2" class="faq-right-title size16 pointer b lh15 mb5"><i class="iconfont icon-toBottom-fill mr5"></i>{{$t('How much are my points worth?')}}</h3>
                    <div class="faq-right-content">
                        <p class="content-lz text_l s12 size13">{{$t('100 points can be exchanged for one dollar,')}}</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
  </div>
</template>

<script>
import BreadCrumb from "~/components/common/Breadcrumb";
import { spliteParams } from '~/utils/Utils';
import faqMethod from '~/utils/help';

export default {
  name: "Help",
  async asyncData({ req, params, query, route, store }) {
    // 获取路由层级
    let arr = await spliteParams(route.fullPath);
    return {
      breadcrumbTtem: arr || []
    }
  },
  data() {
    return {
        initFuc: {}
    }
  },
  components: {
    BreadCrumb
  },
  watch: {
    $route(to, from) {
      if(to.fullPath !== from.fullPath) {
        this.breadcrumbTtem = spliteParams(to.fullPath);
      }
    }
  },
  methods: {
      _initFuc() {
        this.initFuc = new faqMethod();
        this.initFuc.initClick('Ordering');
        this.initFuc.initClick('Frames');
        this.initFuc.initClick('Lenses');
        this.initFuc.initClick('Prescriptions');
        this.initFuc.initClick('Payment');
        this.initFuc.initClick('Shipping');
        this.initFuc.initClick('Return');
        this.initFuc.initClick('GiftCards');
        this.initFuc.initClick('StorePoints');
      }
  },
  mounted() {
    this._initFuc()
  }
}
</script>

<style lang="scss" scoped>
@import '~/assets/scss/index.scss';
#faq { 
  border-top: 1px solid $ccc;
}
.faq-right {
  border-left: 1px solid $ccc;
  min-height: 500px;
}
.faq-right-content {
  max-height: 0;
  transition: max-height .5s ease-in-out;
  overflow: hidden;
}
.content-lz {
  margin-left: 0;
  line-height: 2.2;
}
.liActive {
  color: $theme;
}
.articleActive {
  max-height: 2000px;
  transition: max-height 1.5s ease-in-out;
}
.none_title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    height: 2px;
    background: $theme;
}
</style>